<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="generator" content="pandoc">
  <meta name="author" content="作者">
  <title>标题</title>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
  <link rel="stylesheet" href="https://npm.onmicrosoft.cn/reveal.js@^4//dist/reset.css">
  <link rel="stylesheet" href="https://npm.onmicrosoft.cn/reveal.js@^4//dist/reveal.css">
  <style>
    .reveal .sourceCode {  /* see #7635 */
      overflow: visible;
    }
    code{white-space: pre-wrap;}
    span.smallcaps{font-variant: small-caps;}
    div.columns{display: flex; gap: min(4vw, 1.5em);}
    div.column{flex: auto; overflow-x: auto;}
    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
    ul.task-list{list-style: none;}
    ul.task-list li input[type="checkbox"] {
      width: 0.8em;
      margin: 0 0.8em 0.2em -1.6em;
      vertical-align: middle;
    }
    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
  </style>
  <link rel="stylesheet" href="https://npm.onmicrosoft.cn/reveal.js@^4//dist/theme/simple.css" id="theme">
</head>
<body>
  <div class="reveal">
    <div class="slides">

<section id="title-slide">
  <h1 class="title">标题</h1>
  <p class="author">作者</p>
  <p class="date">日期</p>
</section>

<section id="上述-元信息说明" class="slide level2">
<h2>上述% 元信息说明</h2>
<p>文本开头需要包含三行以%打头的元信息：这将生成 幻灯片入口：这些百分号
% 将单独生成幻灯片入口（切记上下行之间不能有空格）</p>
</section>
<section id="级别说明" class="slide level2">
<h2>级别说明</h2>
<ul>
<li>如果是一级标题，紧接着的有内容和无内容时生成的ppt
样式是不一样的</li>
<li>如果所有的1级标题下无内容，则以二级标题为 分页依据，
且一级标题独立成页</li>
<li>有文字的时候，1级标题作为分页依据，其后内容作为内容</li>
</ul>
</section>
<section id="一级标题紧接着的无内容举例" class="slide level2">
<h2>一级标题，紧接着的无内容举例:</h2>
<pre><code>```</code></pre>
<p># level1 A ## leve2 A1 - listA11 - listA12 ## leve2 A2 - listA21 -
listA22 # level1 B ## level2 B - list b1 - list b2 ```</p>
<p>上面会生成5页ppt，每个标题级分别占一页，其中前三个一组，竖向分页，后两个一组竖向分页，
# level1 A 和# level1 B 横向划分</p>
</section>
<section id="一级标题紧接着的有内容举例" class="slide level2">
<h2>一级标题，紧接着的有内容举例:</h2>
<pre><code>```</code></pre>
<p># level1 A - list l1a1 - list l1a2 ## leve2 A1 - listA11 - listA12 ##
leve2 A2 - listA21 - listA22 # level1 B - list l1b1 ## level2 B - list
b1 - list b2</p>
<pre><code>```</code></pre>
<p>上面会生成2页ppt， # level1 A 和# level1 B
横向划分,分别作为一页ppt，其后面的作为内容</p>
</section>
<section id="这是一个幻灯片级别的标题" class="slide level2"
data-background-color="#ff0000">
<h2 data-background-color="#ff0000">这是一个幻灯片级别的标题</h2>
<ul>
<li>幻灯片级别标题后 {data-background-color=“#ff0000”}
可修改当前页背景</li>
<li>类似 的还有：
<ul>
<li>data-background-image</li>
<li>data-background-video</li>
<li>data-background-iframe</li>
</ul></li>
</ul>
</section>
<section id="暂停" class="slide level2">
<h2>暂停</h2>
<p><code>...</code> 可以暂停显示，这里是暂停之前</p>
<div class="fragment">
<p><code>...</code> 可以暂停显示，这里是暂停之后</p>
</div>
</section>
<section id="强制分页" class="slide level2">
<h2>强制分页</h2>
<ul>
<li><code>---</code> 可以强制分页<br />
</li>
<li>这里是<code>---</code>强制分页前</li>
</ul>
</section>
<section class="slide level2">

<p>这里是<code>---</code>强制分页后</p>
</section>
<section id="备注" class="slide level2">
<h2>备注</h2>
<ul>
<li>这里是备注，演讲者模式（按S进入演讲者模式）时可以显示</li>
</ul>
<aside class="notes">
<p>这里是备注，演讲者模式（按S进入演讲者模式）时可以显示</p>
</aside>
</section>
<section id="列表逐行显示按空格显示" class="slide level2">
<h2>列表逐行显示，按空格显示</h2>
<div>
<ul>
<li class="fragment">列表项1</li>
<li class="fragment">列表项2</li>
</ul>
</div>
</section>
<section id="水平展示列表" class="slide level2">
<h2>水平展示列表</h2>
<div class="columns">
<div class="column" style="width:40%;">
<p>第一列</p>
</div><div class="column" style="width:60%;">
<p>第2列</p>
</div>
</div>
</section>
<section id="end" class="slide level2">
<h2>END</h2>
</section>
    </div>
  </div>

  <script src="https://npm.onmicrosoft.cn/reveal.js@^4//dist/reveal.js"></script>

  <!-- reveal.js plugins -->
  <script src="https://npm.onmicrosoft.cn/reveal.js@^4//plugin/notes/notes.js"></script>
  <script src="https://npm.onmicrosoft.cn/reveal.js@^4//plugin/search/search.js"></script>
  <script src="https://npm.onmicrosoft.cn/reveal.js@^4//plugin/zoom/zoom.js"></script>

  <script>

      // Full list of configuration options available at:
      // https://revealjs.com/config/
      Reveal.initialize({
        // Display controls in the bottom right corner
        controls: true,

        // Help the user learn the controls by providing hints, for example by
        // bouncing the down arrow when they first encounter a vertical slide
        controlsTutorial: true,

        // Determines where controls appear, "edges" or "bottom-right"
        controlsLayout: 'bottom-right',

        // Visibility rule for backwards navigation arrows; "faded", "hidden"
        // or "visible"
        controlsBackArrows: 'faded',

        // Display a presentation progress bar
        progress: true,

        // Display the page number of the current slide
        slideNumber: false,

        // 'all', 'print', or 'speaker'
        showSlideNumber: 'all',

        // Add the current slide number to the URL hash so that reloading the
        // page/copying the URL will return you to the same slide
        hash: true,

        // Start with 1 for the hash rather than 0
        hashOneBasedIndex: false,

        // Flags if we should monitor the hash and change slides accordingly
        respondToHashChanges: true,

        // Push each slide change to the browser history
        history: false,

        // Enable keyboard shortcuts for navigation
        keyboard: true,

        // Enable the slide overview mode
        overview: true,

        // Disables the default reveal.js slide layout (scaling and centering)
        // so that you can use custom CSS layout
        disableLayout: false,

        // Vertical centering of slides
        center: true,

        // Enables touch navigation on devices with touch input
        touch: true,

        // Loop the presentation
        loop: false,

        // Change the presentation direction to be RTL
        rtl: false,

        // see https://revealjs.com/vertical-slides/#navigation-mode
        navigationMode: 'default',

        // Randomizes the order of slides each time the presentation loads
        shuffle: false,

        // Turns fragments on and off globally
        fragments: true,

        // Flags whether to include the current fragment in the URL,
        // so that reloading brings you to the same fragment position
        fragmentInURL: true,

        // Flags if the presentation is running in an embedded mode,
        // i.e. contained within a limited portion of the screen
        embedded: false,

        // Flags if we should show a help overlay when the questionmark
        // key is pressed
        help: true,

        // Flags if it should be possible to pause the presentation (blackout)
        pause: true,

        // Flags if speaker notes should be visible to all viewers
        showNotes: false,

        // Global override for autoplaying embedded media (null/true/false)
        autoPlayMedia: null,

        // Global override for preloading lazy-loaded iframes (null/true/false)
        preloadIframes: null,

        // Number of milliseconds between automatically proceeding to the
        // next slide, disabled when set to 0, this value can be overwritten
        // by using a data-autoslide attribute on your slides
        autoSlide: 0,

        // Stop auto-sliding after user input
        autoSlideStoppable: true,

        // Use this method for navigation when auto-sliding
        autoSlideMethod: null,

        // Specify the average time in seconds that you think you will spend
        // presenting each slide. This is used to show a pacing timer in the
        // speaker view
        defaultTiming: null,

        // Enable slide navigation via mouse wheel
        mouseWheel: false,

        // The display mode that will be used to show slides
        display: 'block',

        // Hide cursor if inactive
        hideInactiveCursor: true,

        // Time before the cursor is hidden (in ms)
        hideCursorTime: 5000,

        // Opens links in an iframe preview overlay
        previewLinks: false,

        // Transition style (none/fade/slide/convex/concave/zoom)
        transition: 'slide',

        // Transition speed (default/fast/slow)
        transitionSpeed: 'default',

        // Transition style for full page slide backgrounds
        // (none/fade/slide/convex/concave/zoom)
        backgroundTransition: 'fade',

        // Number of slides away from the current that are visible
        viewDistance: 3,

        // Number of slides away from the current that are visible on mobile
        // devices. It is advisable to set this to a lower number than
        // viewDistance in order to save resources.
        mobileViewDistance: 2,

        // reveal.js plugins
        plugins: [
          RevealNotes,
          RevealSearch,
          RevealZoom
        ]
      });
    </script>
    </body>
</html>
